<template>
  <div>
    <TopDate></TopDate>
  
    <router-view
    @change-theme="changeTheme"
      :historyCartoon="historyCartoon"
      :useraccountnumbers="useraccountnumbers"
      @remove-historys-cartoon="removeHistorys"
      @change-manhuua="changeManhuua"
    ></router-view>
  </div>
</template>

<script>
import TopDate from "@/components/TopDate.vue";
export default {
  components: {
    TopDate: TopDate,
  },
  props: {
    historyCartoon: {
      type: Array,
    },
    useraccountnumbers: {
      type: Object,
    },
  },
  
  methods: {
    getuseraccountnumbers(){
      this.$emit('get-useraccountnumbers',1);
    },
    removeHistorys(id) {
      console.log(id);
      this.$emit("remove-historys-cartoon", id);
    },
    tuichuEroll() {
      this.$emit("remove-his", 1);
      this.$router.push("/");
    },
    changeManhuua(id) {
      this.$emit("change-manhuua", id);
    },
    changeTheme(value) {
      this.$emit("change-theme", value);
    },


  },
  created(){
    this.getuseraccountnumbers()
  }
};
</script>

<style lang="less" scoped>

</style>